<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页</title>
    <!-- 新 Bootstrap 核心 CSS 文件 -->
    <link rel="stylesheet" href="../../../css/bootstrap.min.css">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <script src="../../../js/jquery.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="../../../js/bootstrap.min.js"></script>
</head>
<script>
  function productsearch() {
    // 获取输入框的值
    var inputValue = document.getElementById("productholder").value;

    // 遍历表格中的每一行
    var rows = document.getElementsByTagName("tr");
    for (var i = 0; i < rows.length; i++) {
      var row = rows[i];

      // 获取每行中的商品名称单元格的内容
      var productNameCell = row.cells[1]; // 商品名称所在的单元格索引为2
      if (productNameCell) {
        var productName = productNameCell.innerText;

        // 判断商品名称是否包含输入框中的值
        if (productName.includes(inputValue)) {
          // 显示符合条件的行
          row.style.display = "";
        } else {
          // 隐藏不符合条件的行
          row.style.display = "none";
        }
      }
    }
  }
</script>

<body>
<ul class="breadcrumb" style="margin:0;">
    <li><a href="#">收藏管理</a></li>
    <li>查询收藏</li>
</ul>
<form class="form-inline">
    <div class="row alert alert-info" style="margin:0;padding:3px;">


        <a class="btn btn-success" href="/vx/collect">刷新</a>

        <div style="float: right;">
            <div class="form-group">
                <input type="text" class="form-control" id="productholder" placeholder="请输入用户名称">
            </div>
            <a type="button" class="btn btn-success" onclick="productsearch()">查询</a>
        </div>
    </div>

    <table class="table table-condensed table-striped">
        <tr>
            <th>编号</th>
            <th>用户</th>
            <th>收藏商品</th>
            <th>商品logo</th>
            <th>价格</th>
            <th>是否热卖</th>
        </tr>
        <#list collectList as bean>
        <tr>
            <td>${bean_index+1}</td>
            <td>${(bean.username)!}</td>
            <td>${(bean.product)!}</td>
            <td>
                <a href="${(bean.logo)!}" target="_blank"}>
                    ${(bean.logo)!}</a>
            </td>
            <td>${(bean.price)!}元</td>
            <td>${(bean.hot)!}</td>

        </tr>
    </#list>
    </table>

</form>
</body>
</html>
